
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //window.onload事件在文档解析后以及图片,外部样式文件等资源加载完后执行
        // window.onload = function(){
        //     let app = document.querySelector('#app');
        //     alert(app.innerHTML);
        // }

        //DOMContentLoaded事件在文档标签解析后执行,不需要等待外部图片,样式,js加载完毕就可以执行
        // window.addEventListener('DOMContentLoaded',(event) => {
        //     let app = document.querySelector('#app');
        //     console.log(app.innerHTML);
        // });

        //当浏览器关闭或者刷新的时候会触发beforeunload 事件,可以取消关闭或者刷新
        //返回值为非空字符串的时候,有些浏览器会作为弹出信息以及提示内容
        //部分浏览器使用addEventListener无法进行事件绑定
        // window.onbeforeunload = function(e){
        //     return '真的要离开吗？';
        // }
        
        // window.addEventListener('unload',function(){
        //     localStorage.setItem('name','houdunren');
        // });

        



    </script>
</head>
<body>
    <div id="app">houdunren.com</div>
</body>
</html>